/* 
 * menu.js
 */
.hor-ul > li{
	display: inline-block;
}

.hor-menu .hor-ul > li{
	position: relative;
  left:0;
}

.hor-menu .hor-ul > li > a{
	color: #8492A6;
	font-size: 14px;
  font-weight: normal;
}

.hor-menu .hor-ul > li > a >.first-menu-icon{
  height: 40px;
  background-repeat: no-repeat;
  background-position: center 10px;
}
.hor-menu .hor-ul > li > a >.first-menu-name{
  height: 30px;
  line-height: 20px;
  padding:6px 15px;
}

.hor-menu .hor-ul > li:hover,
.hor-menu .hor-ul > li.active{
  border-bottom : 3px solid #20A0FF;
}

.hor-menu .hor-ul > li:hover .__second_div{
  display:table-row;
}

.hor-menu .hor-ul > li .__second_div{
  position : absolute;
  width:auto;
  height:173px;
  left : 0;
  top : 42px;
  font-size : 12px;
  background:#fff;
  border : 1px solid #ddd;
  padding : 10px;
  display:none;
}

.hor-menu .hor-ul > li .__second_div .__div{
  display : table-cell;
}

.hor-menu .hor-ul > li .__second_div  .__menu{
  width : 90px;
  height: 30px;
  line-height: 30px;
}

.hor-menu .hor-ul > li .__second_div  .__menu a{
  color : #8492A6;
}

.hor-menu .hor-ul > li .__second_div  .__menu.active a{
  color : #58B7FF;
}

.hor-menu .hor-ul > li .__second_div  .__menu a:hover{
  cursor : pointer;
  color : #58B7FF;
}

/* 
 * accordion.js
 */
.accordion{
	background-color: #fff;
	height: 100%;
  border: 1px #ddd solid;
  overflow-y: auto;
}

.accordion > li{
	border-bottom: 1px solid #ddd;
	position: relative;
  padding: 0 10px;
  background-color: #535868;
  margin-bottom: 3px;
}

.accordion > li:hover{
  /** background: #d9edf7 */;
  -webkit-box-shadow:inset 0 0 3px #eff3f8;
  -moz-box-shadow:inset 0 0 3px #eff3f8;
  box-shadow:inset 0 0 3px #eff3f8;
}

.accordion > li > i{
	position: absolute;
	right: 10px;
	top: 15px;
}

.accordion li:hover{
	cursor: pointer;
}

.accordion li span{
	line-height: 40px;
	color: #31708f;
}

.accordion > li > span ,.accordion > li > i{
  color: #fff;
}

.accordion > ul{
	background-color: #D4F9FD;
}


/* 
 * mask.js
 */
.um_mask
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
  opacity: 1;
	z-index:3000;
  background: rgba(0, 0, 0, 0);
  overflow: auto;
}

.um_mask_icon
{
	position: absolute;
	left: 50%;
	top: 50%;
}

@-webkit-keyframes umMaskfadeIn {
  0% {opacity: 0;} 
  100% {opacity: 0.5;}
}

@-moz-keyframes umMaskfadeIn {
  0% {opacity: 0;}  
  100% {opacity: 0.5;}
}

@-o-keyframes umMaskfadeIn {
  0% {opacity: 0;}  
  100% {opacity: 0.5;}
}

@keyframes umMaskfadeIn {
  0% {opacity: 0;}  
  100% {opacity: 0.5;}
}

.umMaskfadeIn {
  -webkit-animation-name: umMaskfadeIn;
  -moz-animation-name: umMaskfadeIn;
  -o-animation-name: umMaskfadeIn;
  animation-name: umMaskfadeIn;
}

@-webkit-keyframes umMaskfadeOut {
  0% {opacity: 0.5;} 
  100% {opacity: 0;}
}

@-moz-keyframes umMaskfadeOut {
  0% {opacity: 0.5;} 
  100% {opacity: 0;}
}

@-o-keyframes umMaskfadeOut {
  0% {opacity: 0.5;} 
  100% {opacity: 0;}
}

@keyframes umMaskfadeOut {
  0% {opacity: 0.5;} 
  100% {opacity: 0;}
}

.umMaskfadeOut {
  -webkit-animation-name: umMaskfadeOut;
  -moz-animation-name: umMaskfadeOut;
  -o-animation-name: umMaskfadeOut;
  animation-name: umMaskfadeOut;
}

/* 
 * dialog.js
 */

.umDialog
{
  position: absolute;
  top: 0;
  left: 30%;
  width: auto;
  background-color: #fff;
  opacity: 0;
  z-index: 1007;
  background: transparent;
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);
}

.umDialog .modal-dialog{
	margin: 0;
  overflow: hidden;
}

.umDialog .modal-header{
	min-height: 45px;
}

.umDialog .modal-body{
  /** max-height: 550px */;
  overflow: auto;
}

.umDialog .modal-tip-msg{
  color: red;
}

.umDialog .loading{
  height: 200px;
  line-height: 200px;
  text-align: center;
}

.umDialog .modal-footer button{
  padding : 5px 26px;
}

.umDialog .modal-footer .dialog-remove{
  color : #20a0ff;
  border : 1px solid #20a0ff;
}

.umDialog-alert{
  position: absolute;
  width: 300px;
  top: -40px;
  left: 40%;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 6000;
  overflow: hidden;
  border-radius : 7px;
}

.umDialog-alert .__animate{
  position: absolute;
  left:0;
  bottom:0;
  height:4px;
  background-color:#00643b;
}

.umDialog-waiting{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3000;
  background-color: rgba(0, 0, 0, 0.2);
}

.umDialog-waiting-in-wrap{
  position: relative;
  width: 100%;
  height: 100%;
  display:flex;
  justify-content:center;
  align-items:center;
}

.umDialog-right-outer{
  position: fixed;
  top: 35px;
  bottom: 20px;
  right:0;
  width:400px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.umDialog-right{
  position: relative;
  width: 100%;
  height: 100%;
}

.umDialog-right-header-outer{
  position: absolute;
  width: 100%;
  height: 40px;
  background-color: #f5f5f5;
}
.umDialog-right-header{
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 40px;
  padding-left: 10px;
}

.umDialog-right-header-close{
  position: absolute;
  right: 10px;
  top: 3px;
}

.umDialog-right-header-close i{
  opacity: 0.6;
  font-size: 20px;
}

.umDialog-right-header-close i:hover{
  opacity: 1;
}

.umDialog-right-content-outer{
  position: absolute;
  width: 100%;
  top: 40px;
  bottom: 0;
}

.umDialog-right-content{
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px 0;
}

.umDialog-right-content .loadinggif{
  width: 32px;
  height: 32px;
  margin: 0 auto;
}

.umTipDialog{
  position : absolute;
  width : 300px;
  background-color : #fff;
  border : 1px solid #ddd;
  z-index : 6000;
}

.umTipDialog .umTipDialog-body{
  position : relative;
  width : 100%;
  height : 100%;
}

.umTipDialog .__title{
  color : #222222;
  font-weight : bold;
  padding : 15px 10px 5px 10px;
}

.umTipDialog .__content{
  padding : 10px 0;
  overflow-y : auto;
}

.umTipDialog .__foot{
  padding : 10px;
  border-top : 1px solid #ddd;
}

.umTipDialog .__foot a{
  float : right;
  padding: 5px 15px;
  border: 1px solid #58B7FF;
  background-color: #58B7FF;
  color : #fff;
}

.umTipDialog label{
  font-size : 12px;
}

.umTipDialog .i-checks > i,
.small .i-checks > i{
  width : 12px;
  height : 12px;
  margin-top : -2px;
}

.umTipDialog .i-checks input:checked + i::before,
.small .i-checks input:checked + i::before{
    left: 2px;
    top: 2px;
    width: 6px;
    height: 6px;
}

.small .radio, .checkbox{
  margin-top : 3px;
  margin-bottom : 3px;
}

.umElDialog{
  position : absolute;
  left : 10px;
  right : 10px;
  top : 10px;
  bottom : 0;
  background-color : #fff;
  overflow-y : auto;
}

/* 
 * inputdrop.js
 */
.inputdrop{
  position: relative;
  border: 1px solid #cfdadd;
  height: 32px;
  background: inherit;
}

.inputdrop-content{
  position: absolute;
  border:1px solid #cfdadd;
  border-top:0;
  padding: 10px 10px 10px 10px;
  display: none;
  background-color: #eee;
  z-index: 3000;
  width: auto;
  top:29px;
}

.inputdrop > .inputdrop-content{
  position: absolute;
  border:1px solid #cfdadd;
  padding: 10px 20px 10px 10px;
  display: none;
  background-color: #fff;
  z-index: 3001;
  min-width: 100%;
  width: auto;
  top:29px;
}

.inputdrop input{
  border: 1px solid rgba(0,0,0,0);
}

.inputdrop .select-ul li{
  padding: 5px 10px;
  /**
    border-bottom: 1px solid #ddd;
  */
}

.inputdrop .select-ul li:hover{
  cursor: pointer;
  background: #f7f7f7;
}

.inputdrop .select-ul li span{
  top: -2px;
  display: inline-block;
  position: relative;
}

.inputdrop .select-ul li i{
  line-height: 20px;
}

.inputdrop > input{
  background-color: #fff !important;
}

.inputdrop.disable{
  background-color: #eee;
}
.inputdrop.disable > input{
  display: none;
}
/* 
 * abPanel.js
 */
.abPanel{

}

.abPanel .table-ul li{
  padding: 5px 15px;
  border-bottom: 1px #eee solid;
  position: relative;
}

.abPanel .table-ul li:hover{
  cursor: pointer;
  background-color: #eee;
}

.abPanel .table-ul li.active{
  background-color: #ddd;
}

/* 
 * grid.js
 */
.um-grid{
    border: 1px solid #ddd;
    border-top:none;
    border-radius: 3px;
    position: relative;
    width: 100%;
    height: 100%;
}

.um-grid.no-border{
  border-bottom: none;
}

.um-grid .checkbox{
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0 !important;
  min-height:20px !important;
}

.um-grid .checkbox i{
  width: 16px;
  height: 16px;
}


.um-grid .i-checks input:checked + i::before{
  left: 3px;
  top: 3px;
}

.um-grid-head-outer{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 36px;
  line-height: 36px;
  z-index: 1002;
}

.um-grid-head ,.um-grid-head table{
  width: 100%;
}

.um-grid-head table td{
  border: 0;
  border-bottom: 1px solid #ddd;
}

.um-grid-head table tr{
  background: #f2f2f2;
}

.um-grid-head table td div{
  overflow: hidden;
  height: 36px;
}

.um-grid-head-tr{
  border-top: 1px solid #ddd;
  cursor: default;
}

.um-grid-search-outer{
  position: absolute;
  left: 0;
  right: 0;
  top: 36px;
  z-index: 2000;
  padding-bottom: 10px;
  background-color: #f2f2f2;
}

.um-grid-search-outer div{
  padding: 0 1px;
}

.um-grid-search-outer i{
  margin-right: 10px;
  opacity: 0.7;
  font-size: 19px;
}

.um-grid-search-outer-expand{
  top: 121px !important;
}

.um-grid-search-outer-expand-zindex{
  z-index: 1999 !important;
}

.um-grid-search-tr .form-control{
  padding: 5px 10px;
}

.um-grid-search-tr td{
  position: relative;
}

.um-grid-search-tr .search-data-date{
  font-size: 10px;
}

.um-grid-table-outer{
  position: absolute;
  left: 0;
  top: 37px;
  bottom: 36px;
  width: 100%;
  z-index: 2000;
  background-color: #fff;
}

.um-grid.no-border .um-grid-table-outer{
  bottom: 66px;
}

.um-grid.no-page .um-grid-table-outer{
  bottom: 36px;
}

.um-grid-table{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  font-size: 14px;
}

.um-grid-table table{
  width: 100%;
}

.um-grid-table table tr.active{
  background-color: #ccc;
}

.um-grid-table table td{
  padding: 6px 0;
}

.um-grid-table table td.tip{
  cursor: pointer;
  color: #3498db;
}

.um-grid-table table td[data-id=chk]{
  position: relative;
  overflow: visible;
}

.um-grid-table .__td_div_content{
  white-space:nowrap;
  text-overflow: ellipsis;
}

.um-grid-table .expand-tr td{
  padding: 0;
}

.um-grid-view table td ,.um-grid-table table td{
  border: 0;
  border-bottom: 1px solid #ddd;
}

.um-grid-head table td:first-child ,.um-grid-table table td:first-child{
  border-left: none !important;
}

.um-grid-head table td:last-child ,.um-grid-table table td:last-child{
  border-right: none !important;
}
.um-grid-table table tr:last-child td{
  border-bottom: none !important;
}

.um-grid-table i[class*=icon]{
  opacity: 0.7;
}

.um-grid-table td[data-type=oper_td] i[class*=icon]:hover{
  color: #3498db;
  opacity: 1;
}

.um-grid-pager [data-id=next_page] ,.um-grid-pager [data-id=prev_page]{
  cursor:pointer;
  font-style:normal;
  display : none;
}

.um-grid-search-tr [data-type=col]{
  position: relative;
  top:5px;
}

.table-list .um-grid-head table tr {
    background: #e9eaeb none repeat scroll 0;
}

.table-list .um-grid-head-tr td{
    color: #fff;
}

.table-list .um-grid-pager-outer{
  background-color: #fff;
}

.table-list .um-grid-head-outer .icon-search{
  color:#16aad8;
}


.um-grid-table td[colspan], td[rowspan]{
  background: #f5f5f5;
}

.um-grid-table td.wholly-highlight-horizontal{
  background: #f5f5f5;
}

.um-grid-table td.wholly-highlight-vertical{
  background: #f5f5f5;
}

.um-grid-table .wholly td:hover{
  background: #e5e5e5;
}

.um-grid-view table td{
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

.um-grid-view table td:hover ,.um-grid-view table td:hover{
  cursor: default;
}

.um-grid-table tr:nth-child(even){
  background-color: #fbfbfb;
}

.um-grid-table tr:hover{
  background-color: #f5f5f5;
}

.um-grid-table tr td div{
  overflow: hidden;
}

.um-grid-view table td{
  padding: 10px 0;
}

.um-grid-head-outer td > div{
  position: relative;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}

.um-grid-head-outer .resize{
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  width: 4px;
  z-index: 1001;
  cursor: col-resize;
}

.um-grid table td ,.um-grid table td{
  text-align: center;
  color: #666;
}

.um-grid-pager-outer{
  left: 0;
  right: 0;
  bottom: 0;
  height: 36px;
  position: absolute;
  border-top: 1px solid #ddd;
}

.um-grid.no-border .um-grid-pager-outer{
  height: 66px;
  padding-top : 12px;
}

.um-grid.no-page .um-grid-pager-outer{
  height: 36px;
  padding-top : 0px;
}

.um-grid-pager{
  width: 100%;
  height: 100%;
  line-height: 36px;
  padding: 0 10px;
  overflow: hidden;
}

.um-grid-pager-oper-outer{
  display: inline-block;
}

.um-grid-pager-oper{
  display: table;
}

.um-grid-pager-oper i ,.um-grid-pager-oper input{
  color: #58666e;
}

.um-grid-pager-oper >i.forbid{
}

.um-grid-pager-oper .__num,
.um-grid-pager-oper > i > span{
  padding : 1px 5px;
  border : 1px solid #d9d9d9;
  border-radius : 5px;
  color : #d9d9d9;
}

.um-grid.no-border .um-grid-pager-oper .__num,
.um-grid.no-border .um-grid-pager-oper > i > span{
  padding : 5px 10px;
}

.um-grid-pager-oper .__num{
  margin : 0 5px;
  cursor : pointer;
}

.um-grid-pager-oper .__num.active{
  color : #fff;
  background-color: #108ee9;
  border-color: #108ee9;
}

.um-grid-pager-oper input{
  height: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 10px;
}

.um-grid-pager-info-outer{
  display: inline-block;
  margin-right : 10px;
}

.um-grid-resize-mark{
  left: 30px;
  top: 0;
  bottom: 36px;
  width: 2px;
  background-color: #777;
  position: absolute;
  display: none;
  cursor: col-resize;
}

.um-grid-pager-info{
  color: #58666e;
}

.um-grid-dbline .um-grid-head table td div{
  height: 50px;
  line-height: 15px;
}

.um-grid-dbline .um-grid-table-outer{
  top: 30px;
}

.um-grid-empty{
  position : absolute;
  left : 0;
  top : 36px;
  right : 0;
  bottom : 0;
  z-index : 2000;
  text-align : center;
  background-image: url("./xd/img/query_nodate.png");
  background-repeat: no-repeat;
  background-position: center;
}

.um-grid-empty span{
  position : relative;
  top : 30%;
  font-size : 16px;
  font-weight : bold;
}

.um-grid [data-type="oper_td"] > a{
  color : #58B7FF !important;
}

.um-grid [data-type="oper_td"] > a:hover{
  opacity : 0.7;
}

.abPanel-table .um-grid-head-outer td > div{
  font-weight: bold;
}

.um-grid.no-border .um-grid-table table td{
  padding : 16px 0;
}

.um-grid.no-border .um-grid-head-tr{
  background-color: #fff !important;
}

/** 
  form-design.js
*/
.um-fd-el{
  position: absolute;
  top: 5px;
  left: 5px;
  cursor: default;
  width: 30%;
}

.form-design-container input{
  width: 100%;
  position: relative;
}

.form-design-container .active{
  border-bottom: 2px solid #34baff;
}

.um-fd-el *{
  cursor: inherit;
}

.um-fd-el-info .form-group{
  display: none;
}

.form_design_split{
  border-bottom: 1px solid #ddd;
  height: 5px;
}

/** validate.js */
.err-div{
  color: red;
  font-size: 14px;
  line-height: 30px;
  position: absolute;
  right: 25px;
  top: -1px;
  z-index: 2000;
}

/** topo.js */

.topo-nodeStyle {
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.topo-node-ul li{
  text-align: center;
}

.mapContext {
    background: #fff url("/img/topo/backimg.png") repeat scroll 0 0;
    overflow: hidden;
    position: relative;
}

/** 
  drag.js
*/
.grid-drable-out{
  border: 0px dashed #ddd;
}

/** 
  ipinpt
*/
ipinp{
  display:block;
  height:30px;
  min-width:135px;
}

.ipinput_div {
    position:relative;
    height: 100%;
    width:100%;
    color:#555;
    border:1px #fff solid;
}

.ipinput_input {  
    border-color : #b99d7f;  
    border-style : solid;  
    border-width : 0px;  
    background-color : #ffffff;  
    margin-right : -5px;  
    margin-left : 0px;  
    margin-top : 0px;  
    margin-bottom : 0px;  
    width : 32%;  
    height : 100%;
    padding-left:5px;
    text-align:center;
}  
  
.ipinput_separator {  
    margin-right : 2px;  
    margin-left : 2px;  
    font-size : 14px;  
}

.ipinput_div .err-div{
  right:1px !important;
  top:-3px !important;
}

/** 
  timeinput
*/
timeinp{
  display:block;
  height:30px;
  min-width:135px;
  border: 1px #cfdadd solid;
}

/** 
  tab.js
*/

.tab-container .underline-ul{
  border-bottom: 1px solid #ddd;
}

.tab-container .underline-ul li{
  position: relative;
}

.tab-container .underline-ul li.active .mask-div{
  display: block;
}

.tab-container .underline-ul .mask-div{
  position: absolute;
  width: 100px;
  height: 1px;
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  top: 38px;
  display: none;
}

.tab-container .underline-ul a{
  border-bottom: none!important;
}

.um-tab{
  display: flex;
  width : 100%;
  height : 100%;
  border : 1px solid #ddd;
  border-left : none;
}

.um-tab .__left_panel{
  width : 130px;
}

.um-tab .__left_panel .__ul{

}

.um-tab .__left_panel .__ul > li{
  height : 50px;
  line-height : 50px;
  text-align : center;
  background-color: #EFF2F7;
  border : 1px solid #ddd;
  border-bottom : none;
  cursor : pointer;
}

.um-tab .__left_panel .__ul > li:first-child{
  border-top : none;
}

.um-tab .__left_panel .__ul > li.active{
  background-color : #fff;
  border-left : 3px solid #58B7FF;
  border-right : none;
}

.um-tab .__right_panel{
  flex : 1;
  padding: 10px;
}

.um-tab .__right_panel .__name{
  position: relative;
  display : inline-block;
  vertical-align : top;
  width : 25%;
  padding : 5px 10px;
}

.um-tab .__right_panel .__name i{
  position: absolute;
  display: none;
  right: 5px;
  top : 8px;
}

.um-tab .__right_panel .__name:hover{
  cursor : pointer;
  color : #58B7FF;
}

.um-tab .__right_panel .__name.active{
  background-color : #58B7FF;
  color : #fff;
}

.um-tab .__right_panel .__name.active i{
  display: block;
}

/** wizard.js*/
.um-wizard{
  position : relative;
  width : 100%;
  height : 100%;
  overflow : auto;
  background-color : #fff;
}

.um-wizard .__title_panel{
  position : absolute;
  width: 200px;
  height: 50px;
  line-height: 50px;
  left: 16px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  font-size: 16px;
}

.um-wizard .__step_panel{
  padding : 0px 15px 15px 15px;
  border-bottom : 1px solid #ddd;
}

.um-wizard .__step_panel .__step_div,
.um-wizard .__step_panel .__line{
  display : inline-block;
}

.um-wizard .__step_panel .__step_span{
  display : inline-block;
  width : 40px;
  height : 40px;
  background-color: #E5E9F2;
  border-radius: 100%;
  color: #fff;
  font-size: 19px;
  line-height : 40px;
  text-align : center;
}

.um-wizard .__step_panel .__step_span.active{
  background-color: #58B7FF;
  color : #fff;
}

.um-wizard .__step_panel .__step_span.finish{
  background-color: #13CE66;
  color : #fff;
}

.um-wizard .__step_panel .__step_span:hover{
  cursor: pointer;
  transform : scale(1.1);
}

.um-wizard .__step_panel .__step_div > span{
  display : inline-block;
  padding-left: 10px;
}

.um-wizard .__step_panel .__line{
  position: relative;
  margin : 5px 10px 5px 10px;
  width: 25px;
  height: 30px;
  border-bottom: 1px solid #ddd;
}

.um-wizard .__content_panel{
  padding : 15px 15px 15px 15px;
}

.um-wizard .__content_panel .__content{
  display : none;
}

.um-wizard .__content_panel .__title{
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

.um-wizard .__content_panel .__title .__icon{
  display : inline-block;
  width : 30px;
  height : 40px;
  background-color : #58B7FF;
  margin-right : 10px;
}

.um-wizard .__content_panel .__title .__tinfo{
  display : inline-block;
  position : relative;
  top : -3px;
}

.um-wizard .__content_panel .__title .__tinfo span{
  font-weight : bold;
}

.um-wizard .__content_panel .__title .__tinfo p{
  margin : 0;
  margin-top : 5px;
  opacity : 0.6;
}

.um-wizard .__content_panel .__info{
  height : 350px;
}

.um-wizard .__content_panel .__content.active{
  display : block;
}

.um-wizard .__content_panel .__foot{
  display : flex;
  margin-top: 10px;
}

.um-wizard .__content_panel .__foot > div{
  display : inline-block;
  padding : 5px 15px;
  border : 1px solid #58B7FF;
  margin-right: 15px;
  cursor : pointer;
}

.um-wizard .__content_panel .__foot .__prev{
  color : #58B7FF;
}

.um-wizard .__content_panel .__foot .__prev:hover{
  opacity: 0.6;
}

.um-wizard .__content_panel .__foot .__next{
  background-color : #58B7FF;
  color : #fff;
}

.um-wizard .__content_panel .__foot .__next:hover{
  opacity: 0.6;
}

/** tree.js */
.simple-tree > li{
  padding : 10px 0 10px 10px;
}

.simple-tree > li:hover{
  cursor : pointer;
}

.simple-tree > li.active{
  color : #0e77ca;
  background-color : #d2eafb;
}

.simple-tree > li i{
  font-size : 16px;
  color : #0e77ca;
  opacity : 0;
}

.simple-tree > li.active i{
  opacity : 1;
}

.simple-tree > li > span{
  padding-left : 20px;
}